<template>
    <!--登录配置项编辑-->
    <view class="AddLoginConfigPopup">
        <u-popup :show="isPopup" :round="15" mode="bottom" @close="isPopup = false" safe-area-inset-bottom closeable>
            <view class="title">详细信息</view>
            <view class="content f_1 scroll-y">
                <view class="borderBottom flex between item">
                    <view class="item-title">
                        <label>*</label>
                        <text>姓名</text>
                    </view>
                    <text class="item-content">{{ detail.nickName }}</text>
                </view>
                <view class="borderBottom flex between item">
                    <view class="item-title">
                        <label>*</label>
                        <text>手机号码</text>
                    </view>
                    <text class="item-content">{{ detail.phone }}</text>
                </view>
                <view class="borderBottom flex between item">
                    <view class="item-title">
                        <label>*</label>
                        <text>获得奖项</text>
                    </view>
                    <text class="item-content">{{ detail.awardName }}</text>
                </view>
                <view class="borderBottom flex between item">
                    <view class="item-title">
                        <label>*</label>
                        <text>兑奖方式</text>
                    </view>
                    <text class="item-content">{{ detail.exchangeWay == 1 ? '线上兑奖' : '线下兑奖' }}</text>
                </view>
                <view class="borderBottom flex between item">
                    <view class="item-title">
                        <label>*</label>
                        <text>收件人</text>
                    </view>
                    <text class="item-content">{{ detail.recipient ? detail.recipient : '' }}</text>
                </view>
                <view class="borderBottom flex between item">
                    <view class="item-title">
                        <label>*</label>
                        <text>联系方式</text>
                    </view>
                    <text class="item-content">{{ detail.recipientPhone ? detail.recipientPhone : '' }}</text>
                </view>
                <view class="borderBottom flex between item">
                    <view class="item-title">
                        <label>*</label>
                        <text>所在地区</text>
                    </view>
                    <text class="item-content">{{ detail.recipientArea ? detail.recipientArea : '' }}</text>
                </view>
                <view class="borderBottom flex between item">
                    <view class="item-title">
                        <label>*</label>
                        <text>详细地址</text>
                    </view>
                    <text class="item-content">{{ detail.recipientStreet ? detail.recipientStreet : '' }}</text>
                </view>
            </view>
        </u-popup>
    </view>
</template>
<script>
export default {
    name: "CashPrizeDetail",
    data() {
        return {
            isPopup: false,
            detail: {
                name: "李婷屏",
            },
        };
    },
    methods: {
        open(detail) {
            this.detail = detail;
            this.isPopup = true;
        },
    },
};
</script>
<style scoped lang="scss">
.AddLoginConfigPopup {
    .title {
        color: #333333;
        font-size: 32rpx;
        font-weight: bold;
        text-align: center;
        height: 75px;
        line-height: 75px;
    }

    .borderBottom {
        border-bottom: 1px solid #eeeeee;
    }

    .content {
        .item {
            padding: 18px 22px;
            text-align: center;
            border-bottom: 1px solid #eeeeee;
            font-size: 14px;
            color: #000000;
        }

        .item-content {
            font-size: 14px;
            color: #999;
        }
       
        .item-title {
            label {
                color: #f56c6c;
                margin-right: 4px;
                font-size: 18px;
            }

            text {
                color: #333333;
                font-size: 32rpx;
            }
        }
       
    }
}
</style>
